<!DOCTYPE html>
<html lang="en">
<head>
	<meta content="text/html; charset=utf-8" http-equiv="content-type">
	<title>Tour de Kemarau</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" >
	<link rel="stylesheet" type="text/css" href="css/text.css" >
	<link rel="stylesheet" type="text/css" href="css/960.css" >
	<link rel="stylesheet" type="text/css" href="css/demo.css" >
	<link rel="stylesheet" type="text/css" href="css/home.css" >
	<link rel="stylesheet" type="text/css" href="css/login.css" >
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/slides.min.jquery.js"></script>
</head>
<body>
	<div class="body" id="body">
		<!--Menu-->
		<div id="menu" class="block-bg">
			<div class="clear"></div>
			<div class="container_12">
				<div class="grid_2" id="title">
					<h1>Creanet</h1>
				</div>
				<div class="grid_4" id="menu-utama">
					<a href="#">GALLERY</a>
					<a href="#">JOB</a>
					<a href="#">PEOPLE</a>
				</div>
				<div class="grid_3" id="search">
<!-- 					<form action="http://kreavi.com/search/project/1/" method="get">
						<input type="text" id="search-textbox" name="k" placeholder="Type and Enter to Search!">
					</form> -->
				</div>
				<div id="menu-right" class="grid_3">
					<a href="#">Upload Portofolio</a>
					<a href="#">Post Job</a>
					<a href="#" id="login-dropdown-button" onselectstart="return false;">Login</a>
					
				</div>

			</div>
		</div>
		<!-- End Menu -->

		<!-- Header -->

		<div class="container_12">
			<div class="clear"></div>
			<div class="grid_8 prefix_2 suffix_2">
				<div id ="Login-form" >
					<h3>Log in</h3>
					<p>
						Don't have an account?
						<a href="#">Sign up for free!</a>
					</p>

					<form method="post">
						<div>
							<label for="username">Email address</label>
							<input type="text" id="username" autofocus="" name="username" class="input-block-level">
						</div>
						<div>
							<span class="right">
								<a class="forgot_password" href="#" tabindex="-1">
									Forgot it?
								</a>
							</span>
							<label for="password">Password</label>
							<input name="password" type="password" id="password" class="input-block-level">
						</div>
						<div>
							<label class="checkbox" for="rememberme"><input id="rememberme" name="rememberme" type="checkbox"> Remember me</label>
						</div>
						<div class="clearfix">
							<input type="submit" class="button button--primary" value="Log in &nbsp;▸">
						</div>
					</form>

				</div>
			</div>
		</div>
		<!-- End Header -->

		<!--Footer-->
		<div id="footer">
			<footer>
				<section id="ending" >
					<p>&copy; 2012 <a href="http://themetrust.com/demos/hero"><strong>Theme Pemrograman Website</strong></a> by Andreas Avellino</p>
				</section>
			</footer>
		</div>   
		<div class="clear"></div>
		<!-- end Footer -->
	</div>
	

</body>
</html>